JSF-Controle de saisie 



EXEMPLE DE CONTROLE DE SAISIE DES CHAMPS D'UN FORMULAIRE 
D'AUTHENTIFICATION POUR LE FRAMEWORK JSF 



> OBJECTIF 

On veut creer un exemple d'authentification statique avec un controle des differents champs du 
formulaire. 

> CREATION DE LA PAGE INDEX.XHTML 



On commence par creer un formulaire d'authentification dont le code est le suivant 



<html xmlns="http://www.w3.org/1999/xhtml" 

xmlns:h=" http://java.sun.com/jsf/html"> 

<h:head> 

<title>Page Authentification</title> 

</h:head> 

<h:body> 

<h:form> 

<h:outputText value="Login:" /> 

<h:inputText id="log" value="" /><brx/br> 

<h:outputText value="Mot de passe :" /> 

<h:inputSecret id="mdp" value=""/> 

<h:commandButton value="se connecter " action="" /> 

</h:form> 

</h:body> 

</html> 
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> CREATION DE LA PAGE SUCCES.XHTML 



Ensuite on passe a la creation de la page succes en cas d'une authentification reussie. 



<html xmlns="http://www.w3.org/1999/xhtml" 

xmlns:h=" http://java.sun.com/jsf/html"> 

<h:head> 

<title>Facelet Title</title> 

</h:head> 

<h:body> 

authentificationreusiie... 

</h:body> 

</html> 



> CREATION DE LA PAGE FAILED.XHTML 

Ensuite on passe a la creation de la page failed. 



<html xmlns="http://www.w3.org/1999/xhtml" 

xmlns:h=" http://java.sun.com/jsf/html"> 

<h:head> 

<title>Facelet Title</title> 

</h:head> 

<h:body> 

echec!!!! 

</h:body> 

</html> 
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> CREATION DES CLASSES JAVA 



On passe par la suite a la creation des classes Java; une classe Personne qui va contenir les 
attributs, leurs get et set. 



public class personne { 

public String login; 
public String password; 

public String getLogin() { 

return login; 
} 

public void setLogin(String login) { 
this. login = login; 
} 

public String getPassword() { 

return password; 
} 

public void setPassword(String password) { 
this. password = password; 
} 
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Et une classe TestPersonne qui va contenir les methodes qu'on va les utiliser par la suite lors de 
I'authentification. 



public class TestPersonne { 

personne p = new personne(); 

public personne getP() { 

return p; 
} 

public voidsetP(personne p) { 
this.p = p; 
} 



public String authentification() 
{ 

if ((p.login.equalsffst")) && (p. password, equalsffst"))) 

return "succes"; 

else 

return"echec"; 
} 
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> LA LIAISON ENTRE LES PAGES 



Apres avoir cree nos pages et nos classes on passe par la suite a la liaison entre les pages jsf dans le fichier 
faces-config.xml 



<navigation-rule> 

<from-view-id>/index.xhtml</from-view-id> 

<navigation-case> 

<from-outcome>echec</from-outcome> 

<to-view-id>/echec.xhtml</to-view-id> 

</navigation-case> 

<navigation-case> 

<from-outcome>succes</from-outcome> 

<to-view-id>/succes.xhtml</to-view-id> 

</navigation-case> 

</navigation-rule> 

</faces-config> 



> LA DEFINITION DU MANAGED-BEAN 

On passa maintenant a la definition du managedbean qui est la classe TestPersonne dans faces-config.xml 
tout en specifiant ses trois proprietes : name, class et scope. 



<managed-bean> 

<managed-bean-name>testPersonne</managed-bean-name> 
<managed-bean-class>com. example. TestPersonne</managed-bean-class> 
<managed-bean-scope>session</managed-bean-scope> 
</managed-bean> 
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Apres avoir defini le managedbean on continu a remplir les value des champs du formulaire 
d'authentification comme suit : 



<h:form> 

<h:outputText value="Login:" /> 

<h:inputText id="log" value="#{testPersonne.p.login}" /><brx/br> 

<h:outputText value="Mot de passe :" /> 

<h:inputSecret id="mdp" value="#{testPersonne. p. password}" /> 

<h:commandButton value="se connecter " action="#{testPersonne.authentification()}" /> 
</h:form> 



> CONTROLEDE SAISIE DES CHAMPS 



On veut maintenant controler les differents champs saisis. 



<html xmlns="http://www.w3.org/1999/xhtml" 

xmlns:h=" http://java.sun.com/jsf/html"> 

<h:head> 

<title>Page Authentification</title> 

</h:head> 

<h:body> 

<h:form> 

<h:outputText value="Login/> 

<h:inputTextid="log" value="#{testPersonne.p.login}" required="true" requiredMessage="veuillezsaisir 

un login vlide"> 

<f:validateLongRange minimum="l" maximum="12"/> 

</h:inputText> 

<brx/br> 

<h:outputText value="Mot de passe :" /> 

<h:inputSecretid="mdp" value="#{testPersonne. p. password}" required="true" 

requiredMessage="veuillezsaisir un password valide"> 

<f:validateLongRange minimum="l" maximum="12"/> 

</h:outputSecret> 

<brx/br> 



<h:commandButton value="se connecter " action="#{testPersonne.authentification()}" /> 
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</h:form> 
</h:body> 
</html> 



Contact : riadh.bouhouchi@yahoo.com 
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